window.onload = function () {
    function hotChange() {
      var current_index = 0;
      var timer = window.setInterval(autoChange, 3000);
      var button_li = document
        .getElementById("banner")
        .getElementsByTagName("li");
      var pic_li = document
        .getElementById("banner")
        .getElementsByTagName("img");
  
      for (var i = 0; i < button_li.length; i++) {
        button_li[i].onmouseover = function () {
          if (timer) {
            clearInterval(timer);
          }
          for (var j = 0; j < pic_li.length; j++) {
            if (button_li[j] == this) {
              current_index = j;
              button_li[j].className = "btn_a";
              pic_li[j].className = "img";
            } else {
              pic_li[j].className = "no";
              button_li[j].className = "btn";
            }
          }
        };
        button_li[i].onmouseout = function () {
          timer = setInterval(autoChange, 3000);
        };
      }
      function autoChange() {
        ++current_index;
        if (current_index == button_li.length) {
          current_index = 0;
        }
        for (var i = 0; i < button_li.length; i++) {
          if (i == current_index) {
            button_li[i].className = "btn_a";
            pic_li[i].className = "img";
          } else {
            button_li[i].className = "btn";
            pic_li[i].className = "no";
          }
        }
      }
    }
    hotChange();
    tableChange();
  };
  
